<template>
    <div class="cy-header">
      <div class="header-left">
        <i class="iconfont">&#xe624;</i>
      </div>
      <div class="header-input">
         <i class="iconfont">&#xe632;</i>
        输入城市/景点/主题
        </div>
      <div class="header-right">
        <i class="iconfont">&#xe64a;</i>
      </div>
    </div>
</template>

<script>
export default {
  name: 'HomeHeader'
}
</script>

<style scoped lang="stylus">
  @import '~styles/varibles.styl'
  .cy-header
    display :flex;
    background $bgColor;
    line-height :0.86rem;
    color:#fff;
    text-align center;
  .header-left
    width:0.66rem;
    float:left;
  .header-input
    flex :1;
    border-radius :0.1rem;
    margin-top :0.12rem;
    margin-left :0.12rem;
    height :0.64rem;
    line-height :0.64rem
    background :#fff;
    color :#ccc;
    text-align :left;
    padding-left :0.5rem
  .header-right
    width :1.24rem;
    float :right;
  .header-left i
    display :block;
    text-align :center;
    font-size :.2rem
  </style>
